<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页></title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
</head>
<body>
    <table id="demo" lay-filter="test"></table>
</body>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 500
            ,url: '/question/queryByPageNew' //数据接口
            ,page: true //开启分页
            ,cols: [
                [ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'question', title: '问题', width:120}
                ,{field: 'optionA', title: '选项A', width:120}
                ,{field: 'optionB', title: '选项B', width:120}
                ,{field: 'optionC', title: '选项C', width:120}
                ,{field: 'optionD', title: '选项D', width:120}
                ,{field: 'type', title: '类型', width:80}
                ,{field: 'status', title: '状态', width:80}
                ,{field: 'createTime', title: '创建时间', width:80}
                ,{field: 'creator', title: '创建人', width:80}
                ,{field: 'updateTime', title: '修改时间', width:80}
                ,{field: 'updater', title: '修改人', width:80}

            ]
            ]
        });

    });
</script>
</html>
